<template>
  <el-form ref="form" :model="form" label-width="80px">
    <el-form-item label="项目名称" style="width:200px;">
      <el-select v-model="form.name" placeholder="请选择活动区域">
        <el-option label="AE" value="1"></el-option>
        <el-option label="AE" value="2"></el-option>
        <el-option label="AP" value="3"></el-option>
        <el-option label="AS" value="4"></el-option>
        <el-option label="CF" value="5"></el-option>
      </el-select>
    </el-form-item>

    <el-form-item label="箱体模型">
      <el-select v-model="form.model" placeholder="请选择活动区域">
        <el-option label="模型1" value="shanghai"></el-option>
        <el-option label="模型2" value="beijing"></el-option>
      </el-select>
    </el-form-item>

  <el-row>
  <el-col :span="4">
    <el-form-item label="长  度" >
      <el-input v-model="form.length" style="width: 150px;" placeholder="请输入长度mm"></el-input>
    </el-form-item>
  </el-col>
  <el-col :span="4">
    <el-form-item label="深  度">
      <el-input v-model="form.depth" style="width: 150px;" placeholder="请输入深度mm"></el-input>
    </el-form-item>
  </el-col>
  <el-col :span="4">
    <el-form-item label="高  度">
      <el-input v-model="form.height" style="width: 150px;" placeholder="请输入高度mm"></el-input>
    </el-form-item>
  </el-col>
  <el-col :span="4" style="margin-left: 20px;">
    <el-form-item label="柜体材质">
      <el-select v-model="form.material" style="width: 230px;" placeholder="请选择柜体材质">
        <el-option label="漆面钢板 5.5(W/㎡k)" value="0"></el-option>
        <el-option label="不锈钢板 4.5(W/㎡k)" value="1"></el-option>
        <el-option label="铝板     12(W/㎡k)" value="2"></el-option>
        <el-option label="双层结构铝板 4.5(W/㎡k)" value="3"></el-option>
        <el-option label="塑料板 3.5(W/㎡k)" value="4"></el-option>
      </el-select>
    </el-form-item>
  </el-col>
  </el-row>
  <el-form-item label="箱体摆放" style="width: 100px;">
      <el-select v-model="form.position" placeholder="请选择摆放类型" style="width: 300px;">
        <el-option label="单个四周空敞" value="0"></el-option>
        <el-option label="单个靠墙" value="1"></el-option>
        <el-option label="排柜中最前或最后单元,其余空敞" value="2"></el-option>
        <el-option label="排柜中最前或最后单元,靠墙" value="3"></el-option>
        <el-option label="排柜中间单元,后面空敞" value="4"></el-option>
        <el-option label="排柜中间单元,靠墙" value="5"></el-option>
        <el-option label="排柜中间单元,靠墙上面有覆盖" value="6"></el-option>
      </el-select>
    </el-form-item>
<el-row>
  <el-col :span="4">
    <el-form-item label="箱外温度">
      <el-input v-model="form.internalWeather" style="width: 150px;" placeholder="请输入箱外温度"></el-input>
    </el-form-item>
  </el-col>
  <el-col :span="4">
    <el-form-item label="箱内温度" style="margin-left: 50px;">
      <el-input v-model="form.externalWeather" style="width: 150px;margin-left;" placeholder="请输入箱内温度"></el-input>
    </el-form-item>
  </el-col>
</el-row>

   <el-form-item label="即时配送">
      <el-switch v-model="form.delivery"></el-switch>
   </el-form-item>

    <el-form-item label="活动性质">
      <el-checkbox-group v-model="form.type">
        <el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
        <el-checkbox label="地推活动" name="type"></el-checkbox>
        <el-checkbox label="线下主题活动" name="type"></el-checkbox>
        <el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
      </el-checkbox-group>
    </el-form-item>
    
    <el-form-item label="特殊资源">
      <el-radio-group v-model="form.resource">
        <el-radio label="线上品牌商赞助"></el-radio>
        <el-radio label="线下场地免费"></el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="活动形式">
      <el-input type="textarea" v-model="form.desc"></el-input>
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="onSubmit">立即创建</el-button>
      <el-button>取消</el-button>
    </el-form-item>
  </el-form>
</template>

<script>
	  export default {
	    data() {
	      return {
	        form: {
            length:'',
            height:'',
            depth:'',
	          name: '',
	          model: '',
	          position: '',
            material:'',
	          internalWeather: '',
            externalWeather:'',
	          delivery: false,
	          type: [],
	          resource: '',
	          desc: ''
	        }
	      }
	    },
	    methods: {
	      onSubmit() {
	        console.log('submit!');
          console.log(this.form)
          console.log("hello world")
	      }
	    }
	  }
</script>

<style>
</style>
